[#ftl]
[#include "util10.ftl"/]
[@shrinksafe key="style" cached=shrinkCached shrink=shrink contentType="css"]
html,body {width:100%;height:100%}	
.bp_theme {font-size:12px}
@media screen and (max-width:480px){
	.bp_theme {font-size:8px}
	.bp_hidden {display:none}
}
@media screen and (max-height:480px){
	.bp_theme {font-size:8px}
	.bp_hidden {display:none}
}
.dijitTextBox {background:blue;width:120px}
.dijitDateTextBox{background:pink;width:120px}	 
.agileCloseHandle {	
	float: right;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 16px;
	height: 16px;
	z-index: 0;
	background-image: url('/image/remove.png');
	background-repeat: no-repeat;
	line-height: 0px;
}
.agileSelected {
	/*padding:0px;*/
	outline-width:1px!important;
	outline-style:dashed!important;
	outline-color:blue!important;				
}
.agileComponent{
	/*padding:0px;
	margin:0px;
	border:0px;*/
	background-color:white;
	position:absolute!important	
}

.agileChild{
	padding:0px!important;
}

.agileDndComponent {
	padding:3px;
}
.agileDndComponentSelected {
	border:1px dotted;
	background-color:yellow;
}		
.agileDndSource { 
	width:100%!important;
	height:100%!important;
	margin:0px!important;
	padding:0px!important;
	border:0px!important
}	
.agileDndSourcePane{
	margin:0px;
	padding:0px;
	border:0px
}	

.tooltip{cursor:help}
		
.claro .agileCategory{
	width:90px;height:30px;background-color:#CEE5FC
}
.tundra .agileCategory{
	width:90px;height:30px;background-color:#DEDEDE
}
.widgetIconItem{
	width:0px;
	height:0px;
}
.widgetIcon {		
	background-repeat: no-repeat;
	background-color:#fff5ee;
	width:40px;
	height:40px;	
	border:0px solid #d3d3d3;
	background-image:url('/image/icon.png');	    	
}
.widgetIconHighlight {		
	background-repeat: no-repeat;
	background-color:#fff5ee;
	width:40px;
	height:40px;	
	border:0px solid #d3d3d3;
	background-image:url('/image/iconhighlight.png');	    	
}
.label {background-position:0px 0px}
.date {background-position:-40px 0px}
.time {background-position:-80px 0px}
.spinner {background-position:-320px -40px}
.number{background-position:-360px -40px}
.currency {background-position:-520px 0px}
.combo {background-position:-400px 0px}
.multi {background-position:-280px -40px}
.select {background-position:-400px 0px}
.text {background-position:-120px -80px}
.textarea {background-position:-80px -80px}
.checkbox{background-position:-320px 0px}
.radio {background-position:-120px 0px}
.image {background-position:-80px -40px}
.link {background-position:-160px -40px}
.button {background-position:-280px 0px}
.contentpane {background-position:-480px 0px}
.stack {background-position:-440px -40px}
.toptab {background-position:-40px -80px}
.bottomtab {background-position:-480px -40px}
.lefttab {background-position:-520px -40px}
.righttab {background-position:0px -80px}
.accordion {background-position:-160px 0px}
.headline {background-position:-200px 0px}
.sidebar {background-position:-240px 0px}
.grid {background-position:0px -40px}
.inline {background-position:-120px -40px}
.dialog {background-position:-40px -40px}
.palette {background-position:-360px 0px}
.menu {background-position:-240px -40px}
.menubar {background-position:-200px -40px}
.toolbar {background-position:-240px -80px}
.progress {background-position:-400px -40px}
.tooltip {background-position:-280px -80px}
.tdialog {background-position:-320px -80px}
.titlepane {background-position:-160px -80px}
.template {background-position:-360px -80px}
.circle {background-position:-444px -80px}
.semicircle {background-position:-480px -80px}
.retangle {background-position:-402px -80px}
.line {background-position:-480px -102px}
.triangle {background-position:-520px -80px}

.agileButton{display:inline;border:0px; z-index:100;width:12px;height:12px; background-repeat: no-repeat;margin:0px 2px 0px 2px;cursor:pointer}
.agileButtonAdd2{position:absolute;float:right;right:0px;top:0px;background-image: url('/image/add.png');}
.agileButtonAdd{float:right;right:0px;top:0px;background-image: url('/image/add.png');}
.agileButtonRemove{float:right;right:15px;top:0px;background-image: url('/image/remove.png');}
.agileButtonRemove2{float:right;right:15px;top:0px;background-image: url('/image/remove.png');}	
.agileCanvas {position:absolute!important;left:10px;top:15px;width:100%;height:100%;padding:0px;background-color:#fff5ee;}
.dijitStackContainer {border: 1px solid #ccc;}
/*.dijitContentPane {border: 1px solid #ccc;}*/
.dijitContentPane{border: 1px solid #ccc;background-color:white;}		 
.agileButtonExpand{display:inline;float:left;left:0px;top:0px;background-image: url('/image/expand.png');}
.agileButtonShrink{display:inline;float:left;left:0px;top:0px;background-image: url('/image/shrink.png');}		
.agileButtonClose{float:right;right:15px;top:0px;background-image: url('/image/close.png');}
/*		
.claro .agileDijitDialogIcon{
	background-image:url('agile/themes/claro/images/Dialog.png');	
	width:160px;
	height:70px;		
}		
.tundra .agileDijitDialogIcon{
	background-image:url('agile/themes/tundra/images/Dialog.png');
	width:160px;
	height:70px;
}*/	    
.agileDialog{z-index:0!important}
.agileDialogPaneContent{width:250px;height:100px}
	
.agileMenuItem{background-color:#e6e6fa}
.agileTitlePaneContent{width:300px;height:200px}

.agileGridRowButton{
	border:0px;left:0px;top:0px;position:absolute
}
.agileDataGridColumn{    	
	background: url("/dojo10/dojox/grid/resources/images/header.png") #e5edf4 repeat-x top;
	border-style: solid;
	border-width: 1px;
	border-color: #BCBCBC #BCBCBC #BCBCBC transparent;
	padding:0px;
	top:0px;
}
.agileRowSelector {
	height:100%;width:0px;float:left;left:0px;top:0px;
	background-color:#f5edff;
	display:inline;
}
.agileGridHeaderRemoveButton{
	border:0px;display:none;float:right;position: absolute;right:0px;top:0px;width:13px;height:13px;z-index:20;
}
.agileSelector {display:none;padding:0px;border-width:1px!important;border-style:dashed!important;border-color:blue!important;position:absolute!important}

.agileLabelField {position:absolute;}
.errorMessage {
	 font-size:large ;font-weight:bold;font-family:arial ;color:#b22222;
}
.agileLink {color:blue;text-decoration:underline}

.agileAccordionContentPane {position:relative!important}

.claro .agileDijitTooltipIcon{
	background-image:url('agile/themes/claro/images/Tooltip.png');	
	width:90px;
	height:30px;		
}		
.tundra .agileDijitTooltipIcon{
	background-image:url('agile/themes/tundra/images/Tooltip.png');
	width:90px;
	height:30px;
}

[/@]	
